/********************************************************************/
/* Website Developed by : Blue Sombrero 							*/
/* Liberty Soccer													*/
/* Created: Mar 23 2017 by Sanket									*/
/* Updated: Apr 08 2017 by Krunal									*/
/********************************************************************/

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Oswald:200,300,400,500,600,700');

/* Comman CSS */
/********************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td
									{ font-family: 'Oswald', sans-serif; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 
									background: transparent; }
blockquote,q						{ quotes: none; }
blockquote:before,
blockquote:after,
q:before,q:after					{ content:''; content: none; }
:focus								{ outline:none; }
ins									{ text-decoration:none; }
del									{ text-decoration:line-through; }
form								{ height: 100%; }
img									{ border: 0; padding: 0; margin: 0; }
html, body							{ text-align: left; font-size: 14px; margin: 0; padding: 0; font-weight: normal;
									font-family: 'Oswald', sans-serif; background: #fff; color: #000; line-height: 20px; }
html, body, #Form					{ height: 100%; }
/* Text CSS */
/********************************************************************/
h1, h2, h3, h4, h5, h6				{ font-family: 'Oswald', sans-serif; font-weight: bold; padding: 0 0 18px 0; }
h1									{ font-size: 28px; line-height: 32px; }
h2									{ font-size: 26px; line-height: 30px; }
h3									{ font-size: 24px; line-height: 26px; }
h4									{ font-size: 20px; line-height: 22px; }
h5	 								{ font-size: 18px; line-height: 20px; }
h6									{ font-size: 16px; line-height: 20px; }
p									{ padding: 0 0 15px 0; }
ul, ol								{ padding: 0 0 18px 0; margin: 0 0 0 24px;}
ul ul, ol ol,
ul ol, ol ul 						{ padding: 0; }
ul li, ol li						{ padding: 0; margin: 0;list-style-type: disc;}
sup									{ vertical-align: top; font-size: 8px; }
small								{ font-size: 8px; }
.Normal, 
.NormalDisabled,
.BoldText,
.NormalRed,
.SubHead,
.SkinObject							{ font-family: 'Oswald', sans-serif; font-weight:normal;
									font-size: 14px; line-height: 20px; text-align: left; }
.Normal, .NormalDisabled			{ color:#000; }
.BoldText							{ color:#000; font-weight:bold;}
.NormalRed							{ color:#cd0000; font-weight:bold; }
.SubHead							{ color:#19194d; }
.SkinObject							{ color:#19194d; }
.skClear:after						{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.skClear							{ clear: both; font-size: 0px; line-height: 0px; height: 0px; }
.skWidth							{ width: 900px; margin: auto;}
.skArea								{ background: #2e3192 url("images/body-bg.jpg"); min-height: 100%; }
.skTop								{ background: #ed1c24 url("images/header-bg.jpg"); text-align: center; padding: 25px 0 45px 0;}
.skTop .skSubTitle					{ color: #ffffff; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 26px; font-weight: 500; padding-bottom: 0; }
.skLeft								{ width: 37%; text-align: right; float: left;}
.skCenter							{ width: 26%; text-align: center; float: left; }
.skCenter > img						{ bottom: 0; margin-bottom: -80px; position: relative; top: -37px; width: auto; }
.skRight							{ width: 37%; text-align: left; float: left; }
.skLink								{ padding: 19px 12px; position: relative; }
.skLink a,
.skLink a:link,
.skLink a:visited					{ font-size: 28px; line-height: 32px; color: #19194d; text-decoration: none; 
									display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
.skLink a:hover,
.skLink a:active,
.skLink a:focus,
.skLink a:link:hover,
.skLink a:link:active,
.skLink a:link:focus					{ color: #bf1e2e; }
.skLeft .skLink,
.skRight .skLink						{ background: transparent url("images/separator.png") bottom center no-repeat; }
.skLeft .skLink.skLeftBottom			{ background-position: right bottom; margin-right: -30px; padding-right: 42px; } 
.skRight .skLink.skRightBottom		{ background-position: left bottom; margin-left: -30px; padding-left: 42px; } 
.skBottomLink						{text-align: center;}
.skLink								{ padding: 19px 12px 25px; position: relative; }/*changed*/
.skBottomLink .skLink 				{ padding: 19px 12px 15px;}/*added*/
.skBottomLink .skLink a				{margin-top: 12px;}/*added*/
.skBottom							{ text-align: center; }
.skSocial							{ text-align: center; padding: 42px 0 16px 0;}
.skSocial a.skSocialLink,
.skSocial a.skSocialLink:link,
.skSocial a.skSocialLink:visited	{ height: 26px; display: inline-block; text-indent: -999px; overflow: hidden; margin: 0 13px;
									background-color: transparent; background-image: url("images/social.png"); background-repeat: no-repeat; }
.skSocial a.skFacebook				{ background-position: 0 0; width: 12px; }
.skSocial a.skTwitter				{ background-position: -12px 0; width: 30px; }
.skSocial a.skInstagram				{ background-position: -42px 0; width: 26px; }
.skSocial a.skYoutube				{ background-position: -68px 0; width: 34px; }
.skSocial .skFacebook:hover			{ background-position: 0 -26px;}
.skSocial .skTwitter:hover			{ background-position: -12px -26px;}
.skSocial .skInstagram:hover		{ background-position: -42px -26px;}
.skSocial .skYoutube:hover			{ background-position: -68px -26px;}
.skVideo							{ width: 520px; height: 285px; border: 9px solid #1a194e; margin: auto; }
.skSponsor							{ text-align: center; }
.skSponsor img						{ margin: 8px 10px; display: inline-block; }
.skMiddle							{ position: relative; -webkit-box-shadow: 0 5px 40px rgba(44, 44, 44, 0.5), 0 -5px 40px rgba(44, 44, 44, 0.5);
									-moz-box-shadow: 0 5px 40px rgba(44, 44, 44, 0.5), 0 -5px 40px rgba(44, 44, 44, 0.5); 
									box-shadow: 0 5px 40px rgba(44, 44, 44, 0.5), 0 -5px 40px rgba(44, 44, 44, 0.5); background: #fff; }

@media screen and (max-width: 850px){ 
	img								{ max-width: 100%; }
	.skWidth						{ width: auto; padding: 0 20px; }
	.skTop							{ padding: 25px 0; }
	.skLeft,
	.skCenter,
	.skRight						{ width: auto; text-align: center; float: none; background-position: center center; }
	.skCenter > img					{ margin: auto; top: auto; }
	.skSocial						{ padding: 16px 0; }
	.skLeft .skLink.skLeftBottom		{ background: none; margin-right: 0; padding-right: 0;}
	.skRight .skLink.skRightBottom	{ background-position: bottom center; margin-left: 0; padding-left: 0;}
	.skBottomLink .skLink a			{ margin-top: 0; }
}
@media screen and (max-width: 580px){ 
	.skVideo						{ width: auto; position: relative; padding-bottom: 54%; height: 0; }
	.skVideo iframe					{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}